@use "sass:map";
// {bem_b,bem_e,bem_m,VueAndNvueStyleAttr,when}
@use "./mixin/mixins.scss" as *;
@use './mixin/function.scss' as *;
// // {$badge}
@use "./common/var.scss" as *;

@import "common/index.scss";

@include bem_b(skeleton-navbar){
	@include bem_m(fixed) {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		@include VueAndNvueStyleAttr("z-index","navbar", "z-index");
	}
	@include bem_e(content) {
		@include flex(row);
		align-items: center;
		height: 44px;
		position: relative;
		justify-content: center;
		
		&__left,
		&__right {
			width: 50px;
			position: absolute;
			top: 0;
			bottom: 0;
			@include flex(row);
			align-items: center;
			&__text {
				width: 50px;
				height: 12px;
			}
		}
		
		&__left {
			left: 15px;
		}
		
		&__title {
			width: 200px;
			&__text {
				height: 12px;
			}
		}
		
		&__right {
			right: 15px;
		}
	}
}